<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电影</title>
	<link rel="stylesheet" href="maoyan.css">
</head>
<body>
	<header>
		<div class="content clear">
			<a href="" class="logo"></a>
			<div class = 'address'>咸阳<span class = 'caret'></span>
				<div class="city">
					<div class="citying">
						定位城市：
						<a href="#">咸阳</a>
					</div>
					<ul>
						<li>
							<span>A</span>
							<div>
								<a href="#">阿拉善盟</a>
								<a href="#">鞍山</a>
								<a href="#">安庆</a>
								<a href="#">安阳</a>
								<a href="#">阿坝</a>
								<a href="#">安顺</a>
								<a href="#">安康</a>
								<a href="#">阿勒泰</a>
								<a href="#">阿克苏</a>
								<a href="#">安吉</a>
								<a href="#">安丘</a>
								<a href="#">安岳</a>
								<a href="#">安平</a>
								<a href="#">安宁</a>
								<a href="#">安溪</a>
								<a href="#">安化</a>
								<a href="#">阿勒泰市</a>
								<a href="#">安福</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<ul class = 'clear'>
				<li><a href="/">首页</a></li>
				<li class = 'liang'><a href="/movielist">电影</a></li>
				<li><a href="cinema.html">影院</a></li>
				<li><a href="list.html">榜单</a></li>
				<li><a href="#">热点</a></li>
				<li><a href="#">商城</a></li>
			</ul>
			<div class = 'download'>
				<a href="#" class = 'clear'>
					<span></span>
					<span>APP下载</span>
					<span class = 'caret'></span>
					<span></span>
					<div class = 'erweima'>
						<p>扫码下载</p>
						<p>选座更优惠</p>
					</div>
				</a>
			</div>
			<div class="query">
				<input type="text" class = 'search' placeholder = '找影视剧、影人、影院'>
				<span class = 'button'></span>
			</div>
			<div class = 'user-icon'>
				<img src="images/user.png" alt="">
				<span class = 'caret'></span>
				<a href="#">登录</a>
			</div>
		</div>
	</header>
	<div class="movie-title">
		<ul>
			<li class = 'liang'><a href="#">正在热映</a></li>
			<li><a href="#">即将上映</a></li>
			<li><a href="#">经典电影</a></li>
		</ul>
	</div>
	<div class="movie-nav">
		<div class="content">
			<div class="nav">
				<div class="top">
					<div class="nav-header">类型：</div>
					<ul>
						<li class = 'liang'><a href="#">全部</a></li>
						<li><a href="#">爱情</a></li>
						<li><a href="#">喜剧</a></li>
						<li><a href="#">动漫</a></li>
						<li><a href="#">剧情</a></li>
						<li><a href="#">恐怖</a></li>
						<li><a href="#">惊悚</a></li>
						<li><a href="#">科幻</a></li>
						<li><a href="#">动作</a></li>
						<li><a href="#">悬疑</a></li>
						<li><a href="#">犯罪</a></li>
						<li><a href="#">冒险</a></li>
						<li><a href="#">战争</a></li>
						<li><a href="#">奇幻</a></li>
						<li><a href="#">运动</a></li>
						<li><a href="#">家庭</a></li>
						<li><a href="#">古装</a></li>
						<li><a href="#">武侠</a></li>
						<li><a href="#">西部</a></li>
						<li><a href="#">历史</a></li>
						<li><a href="#">传记</a></li>
						<li><a href="#">歌舞</a></li>
						<li><a href="#">黑色电影</a></li>
						<li><a href="#">短片</a></li>
						<li><a href="#">记录片</a></li>
						<li><a href="#">其他</a></li>
					</ul>
				</div>
				<div class="top area">
					<div class="nav-header">区域：</div>
					<ul>
						<li class = 'liang'><a href="#">全部</a></li>
						<li><a href="#">大陆</a></li>
						<li><a href="#">美国</a></li>
						<li><a href="#">韩国</a></li>
						<li><a href="#">日本</a></li>
						<li><a href="#">中国台湾</a></li>
						<li><a href="#">中国香港</a></li>
						<li><a href="#">泰国</a></li>
						<li><a href="#">印度</a></li>
						<li><a href="#">法国</a></li>
						<li><a href="#">英国</a></li>
						<li><a href="#">俄罗斯</a></li>
						<li><a href="#">意大利</a></li>
						<li><a href="#">西班牙</a></li>
						<li><a href="#">德国</a></li>
						<li><a href="#">波兰</a></li>
						<li><a href="#">澳大利亚</a></li>
						<li><a href="#">伊朗</a></li>
						<li><a href="#">其他</a></li>
					</ul>
				</div>
				<div class="top year">
					<div class="nav-header">年代：</div>
					<ul>
						<li class= 'liang'><a href="#">全部</a></li>
						<li><a href="#">2019年以后</a></li>
						<li><a href="#">2019</a></li>
						<li><a href="#">2018</a></li>
						<li><a href="#">2017</a></li>
						<li><a href="#">2016</a></li>
						<li><a href="#">2015</a></li>
						<li><a href="#">2014</a></li>
						<li><a href="#">2013</a></li>
						<li><a href="#">2012</a></li>
						<li><a href="#">2011</a></li>
						<li><a href="#">2000-2010</a></li>
						<li><a href="#">90年代</a></li>
						<li><a href="#">80年代</a></li>
						<li><a href="#">70年代</a></li>
						<li><a href="#">更早</a></li>		
					</ul>
				</div>




			</div>
		</div>
	</div>
	<div class="movie-content">
		<div class="content">
			<div class="nav">
				<ul class= 'clear'>
					<li class = 'liang'>
						<i></i>
						<span>热门推荐</span>
					</li>
					<li>
						<i></i>
						<span>按时间排序</span>
					</li>
					<li>
						<i></i>
						<span>按评价排序</span>
					</li>
				</ul>
			</div>
			<div class="movie-list">
				<ul>
					<% data.forEach((item)=>{ %>
					<li>
						<a href="/movie?id=<%= item.url %>">
							<img src="<%= item.img %>" alt="">
							<div class = 'name'><%= item.name %></div>
							<div class = 'gou'>购票</div>
							<% if(item.type === "3d" || item.type === "imax3d"){ %>
							<div class="D3"></div>
							<% } %>
						</a>
						<i class ='name fen'><%= item.score %>分</i>
					</li>
					<% }) %>
				</ul>
			</div>
		</div>
	</div>
	<footer>
		<p class = 'top'>
			关于猫眼：
			<a href="#">关于我们</a>
			<span></span>
			<a href="#">管理团队</a>
			<span></span>
			<a href="#">投资者关系</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			友情链接：
			<a href="#">美团网</a>
			<span></span>
			<a href="#">美团下载</a>
			<span></span>
			<a href="#">欢喜首映</a>
		</p>
		<p>		
	      商务合作邮箱：v@maoyan.com
	      客服电话：10105335
	      违法和不良信息举报电话：4006018900
	      <br>
	      投诉举报邮箱：tousujubao@meituan.com
	      舞弊线索举报邮箱：wubijubao@maoyan.com  
		</p>
		<p>
	        ©2016
	        猫眼电影 maoyan.com
	        <a href="https://tsm.miit.gov.cn/pages/EnterpriseSearchList_Portal.aspx?type=0&amp;keyword=京ICP证160733号&amp;pageNo=1" target="_blank">京ICP证160733号</a>
	        <a href="http://www.miibeian.gov.cn" target="_blank">京ICP备16022489号-1</a>
	        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102003232" target="_blank">京公网安备 11010102003232号</a>
	        <a href="/about/licence" target="_blank">网络文化经营许可证</a>
	        <a href="http://www.meituan.com/about/rules" target="_blank">电子公告服务规则</a>
    	</p>
		<p>北京猫眼文化传媒有限公司</p>
	</footer>
</body>
</html>